<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>专辑页</title>
		<link rel="stylesheet" type="text/css" href="css/list.css" />
		<script type="text/javascript">
			window.onload=function(){
						var gu=sessionStorage.getItem("gu");
						if(gu){
						}else{
							gu=0;
							};
						var al = document.querySelectorAll(".line3 ul li a");
						for (var i = 0; i < al.length; i++) {
							
							al[i].className="";
							al[i].onclick = function(){
								var idx =this.attributes["data-idx"].value;
								sessionStorage.setItem("gu",idx);
							}
						}
						al[gu].className = "active";
					}
		</script>
	</head>
	<body>
		<div class="head">
		<div class="line1">
			<span class="log"> 
			<img src="img/logo/yinLogo.png" >
			</span>
				<ul>
					<li><a href="#">官方微博</a></li>
					<li><a href="#">关于微信</a></li>
					<li><a href="reading.html">购物须知</a></li>
				</ul>
		</div>
		<div class="line2">
			<span class="log">
				<img src="img/logo/shop-logo-v1.png" >
			</span>
			<div>
			<input type="text" class="search" ></input>
			<span class="btn"></span>	
			</div>
			<ul>
				<li>
					<img class="login" src="./img/icon/avatar.png"> 
					<a href="login.html">登录</a>
				</li>
				<li><a href="buy.html">我的订单</a></li>
				<li>
					<img class="cart" src="img/icon/cart-logo-v1.png">
					<a href="buy.html">购物车</a>
				</li>
			</ul>
		</div>
		<hr >
		<div class="line3">
			<span class="title"><a  href="#">艺人分类</a></span>
			<ul>
				<li><a href="index.html" class="active" target="_top"   data-idx="0">首页</a></li>
				<li><a href="list.html" target="_top"  data-idx="1">专辑</a></li>
				<li><a href="index.html" target="_top">明星周边</a></li>
				<li><a href="index.html" target="_top">明星同款</a></li>
				<li><a href="index.html" target="_top">个护美妆</a></li>
				<li><a href="index.html" target="_top">影漫周边</a></li>
				<li><a href="index.html" target="_top">食品</a></li>
				<li><a href="index.html" target="_top">服装配饰</a></li>
			</ul>
		</div>	
		</div>
		
		<!-- <iframe src="head.html" width="100%" height="215px"></iframe> -->
		<h4>专辑</h4>
		<!-- ul>li>a>img+span.title+div>span.money+img+span.num -->
		<!-- <ul>
			<li><a href="buy.html">
					<img src="" alt="">
					<span class="title"></span>
					<div>
						<span class="money"></span>
						<img src="" alt="">
						<span class="num"></span>
					</div>
				</a></li>
		</ul> -->
		
		
		<div class="content">
			<div class="type_container">
				<div class="type">
					<dl>
						<dt>分类</dt>
						<dd>
							<ul>
								<li>原版</li>
								<li>签名版</li>
								<li>内地引进版</li>
								<li>演唱会DVD/LIVE</li>
								<li>限量版</li>
								<li>贴纸/文件夹/笔记本</li>
							</ul>
						</dd>
					</dl>
					<dl>
						<dt>公司</dt>
						<dd>
							<ul>
								<li>MBK Entertainment</li>
								<li>环球唱片</li>
								<li>艺人工作室</li>
								<li>英皇娱乐</li>
								<li>Fantagio</li>
								<li>乐华娱乐</li>
								<li>Woolim</li>
								<li>WM Entertainment</li>
								<li>相信音乐</li>
								<li>TS Entertainment</li>
								<li>环球中国</li>
								<li>华纳唱片</li>
								<li> 天娱传媒</li>
								<li>LOEN Entertainment</li>
							</ul>
						</dd>
					</dl>
				</div>
			</div>
			<div class="list">
						<!-- ul>(li>a>img+span.title+div>span.money+img+span.num)*15 -->
				<ul>
					<li><a href="buy.html">
							<img src="img/pro/2.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<!-- <span class="love"></span> -->
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/3.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/5.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/6.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/7.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/8.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/6.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/2.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/2.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/3.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/4.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/6.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/7.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/8.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
					<li><a href="buy.html">
							<img src="img/pro/6.jpg" alt="">
							<span class="title">宇宙少女 迷你五辑《WJPLEASE?》</span>
							<div>
								<span class="money">￥50 </span>
								<span class="love"></span>
								<span class="num">79976556</span>
							</div>
						</a></li>
				</ul>
			</div>
		</div>
		<div class="type2" >
			 	 <img src="img/footer_v180123.png" > 	 
		</div>
		<footer>
			<div class="foot1">
				<ul>
					<li><a href="buy.html">关于我们</a></li>
					<li><a href="buy.html">人才招聘</a></li>
					<li><a href="buy.html">联系我们</a></li>
					<li><a href="buy.html">友情链接</a></li>
					<li><a href="buy.html">版权声明</a></li>
					<li><a href="buy.html">客服中心</a></li>
				</ul>
			</div>
			<div class="foot2">
				<div class="foot2-left">
				<ul>
				<li><img src="img/culture.png" ></li>
				<li>Copyright @ 2009-2016 yingyueitai.com 广播电视节目制作经营 许可证编号(京)</li>
				<li>京网文[2014]2037-287号</li>
		        <li>网络视听许可证0110413号</li>
				</ul>
				</div>
				<div  class="foot2-left2">
					<ul>
					<li>京公网安备11010502014900</li>
					<li>京ICP备110241314号-1</li>
					<li>京ICP证060716号</li>
					<li>出版物经营许可证 新出发京零字第朝130062号</li>
					<li>增值电信业务经营许可证B2-20140501</li>	
					</ul>
				</div>
				<div class="foot2-left3">
					<ul>
						<li>食品经营许s证:JY11105040485363</li>
						<li>营业执照</li>
					</ul>
				</div>
					<div class="foot2-right">
						<img src="img/biaoshi.gif" >
				</div>
			</div>
		</footer>
		<!-- <iframe src="foot.html" width="100%" height="226px"></iframe> -->
	</body>
</html>
